{% extends 'task_con/base.html' %}

{% block title %}
    添加图片
{% endblock %}

{% block content %}
    <section class="shop section">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 mb-4">
                <div class="account-sidebar">
                    <div class="sidebar-list">
                        <a href="dashboard.html" class="active"><i class="far fa-th-large"></i> Dashboard</a>
                        <a href="product.html"><i class="far fa-layer-group"></i> Products <span>20</span></a>
                        <a href="add-product.html"><i class="far fa-upload"></i> Add New Product</a>
                        <a href="all-order.html"><i class="far fa-shopping-bag"></i> All Orders <span>2</span></a>
                        <a href="vendor-profile.html"><i class="far fa-cog"></i> Account Settings</a>
                        <a href="#"><i class="far fa-lock"></i> Logout</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-9">
                <div class="account-content bg-white pt-0">
                    <h4 class="account-content-title"><i class="far fa-layer-group"></i> 上传数据</h4>
{#                    <div class="edit-profile">#}
{#                        <form action="#" method="post" enctype="multipart/form-data">#}
{#                            {% csrf_token %}#}
{#                            <div class="row">#}
{##}
{#                                <div class="col-lg-6">#}
{#                                    <div class="mb-3">#}
{#                                        <label for="myimage" class="form-label">上传图像</label>#}
{#                                        <input type="file" id="myimage" name="myimage">#}
{#                                    </div>#}
{#                                </div>#}
{#                            </div>#}
{#                            <input class="btn" type="submit" value="提交数据">#}
{#                        </form>#}
{#                    </div>#}
                    <div class="edit-profile">
                            <form action="#" method="post" enctype="multipart/form-data">
                                {% csrf_token %}
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="mb-3">
                                            <label for="myimage" class="form-label">上传图像</label>
                                            <input type="file" id="myimage" name="myimage">
                                        </div>
                                    </div>
                                </div>
                                <input class="btn" type="submit" value="提交数据" onclick="showSuccessMessage()">
                            </form>
                        </div>

                        <script>
                            function showSuccessMessage() {
                                // 在这里编写弹窗提示提交成功的逻辑
                                alert("提交成功！");
                            }
                        </script>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}